//时间参数
var time;

//当页面加载完成时 执行的代码
$(document).delegate("#game","pagebeforeshow",function(){
	time = 30;//倒计时30秒
	
	$(".time").html(time);
	countDown();
	
	//定义数组
	var array = new Array();
	//去除正确答案的Id
	$(".word").each(function(index,element){
		if($("#imageshow").attr("rel").indexOf($(this).html) == -1) {
			//添加错误答案的索引值
			array.push(index);
		}
	});
	
	//正确答案
	var correctArray = new Array();
	var correctAnswer = $("#imageshow").attr("rel");
	for(var i = 0 ; i < correctAnswer.length; i++) {
		correctArray.push(correctAnswer[i]);
	}
	
	//给答案li添加事件
	$(".word").on("click",function(){
		var word = $(this);
		//遍历答案输入框中的数据
		$(".answer").each(function(index,element){
			if($(this).html() == "") {
				$(this).html(word.html());
				//在answer中 div添加一个属性存放li的id属性
				$(this).attr("data-li-id",word.attr("id"));
				//隐藏word
				word.css("visibility","hidden");
				return false;
			}
		});
		//判断正确答案
		isCorrectAnswer();
	});
	
	
	//添加点击答案输入框的事件
	$(".answer").on("click",function(){
		//去除动画效果
		$(".answer").removeClass("blink");
		var answer = $(this);
		answer.html("");
		//遍历答案输入框中的数据
		$(".word").each(function(index,element){
			if($(this).attr("id") == answer.attr("data-li-id")) {
				//显示word
				$(this).css("visibility","visible");
			}
		});
	});
	
	
	//点击重新开始游戏
	$(".restartGame").click(function(){
		$("#restartPopup").popup("close");
		
		//游戏开始
		$.ajax({
			type:"POST",
			url:"startGame.do",
			data:"loginid="+$(".restartGame").attr("rel"),
			success:function(data){
				$.mobile.changePage("game.jsp",{reloadPage:true});
			}
		});
	});
	
	
	//点击下一关，开始游戏
	$(".nextGame").click(function(){
		$("#nextPopup").popup("close");
		
		//游戏开始
		$.ajax({
			type:"POST",
			url:"nextGame.do",
			data:"score="+$(".addScores").html(),
			dataType:"json",
			success:function(data){
				if(data.gameover) {
					//游戏通关了
					$("#gameoverPopup").popup("open");
					return false;
				}
				//1、设置关数
				$(".number").html(parseInt($(".number").html()) + 1);
				//2、设置分数
				$(".scores").html(data.score);
				$(".addScores").html(data.mark);
				$(".addTime").html(data.mark);
				//3、倒计时
				time += parseInt(data.mark);
				window.setTimeout("countDown()",1000);
				//4、设置图片类别
				$(".category").html(data.categoryname);
				//5、修改图片信息
				$("#imageshow").attr("rel",data.picName);
				$("#imageshow").attr("src","resources/images/games"+data.picUrl);
				//6、设置答案文本框
				$(".inputanswer").html("");
				for(var i = 0; i < data.nameLen ; i++ ) {
					var div = '<div class="answer" onclick="getAnswer(this);"></div>';
					$(".inputanswer").append(div);
				}
				//7、设置文本提示框
				$(".wordlist ul").html("");
				for(var i = 0 ; i < data.answers.length; i++) {
					var li = '<li class="word" id="word_'+(i+1)+'" onclick="pressWords(this);">'+data.answers[i]+'</li>';
					$(".wordlist ul").append(li);
				}
				//8、重新设置正确答案
				correctArray.splice(0,correctArray.length);
				correctAnswer = $("#imageshow").attr("rel");
				for(var i = 0 ; i < correctAnswer.length; i++) {
					correctArray.push(correctAnswer[i]);
				}
			}
		});
	});
	
});

//倒计时方法
var t;
function countDown() {
	time--;
	$(".time").html(time);
	//定时器，每隔一秒执行一次
	t = window.setTimeout("countDown()",1000);
	if(time <= 0) {
		//移除定时器
		 window.clearTimeout(t);
		//打开弹出框
		$("#restartPopup").popup("open");
	}
}


//给新添加的li添加事件
function pressWords(obj) {
	var word = $(obj);
	//遍历答案输入框中的数据
	$(".answer").each(function(index,element){
		if($(this).html() == "") {
			$(this).html(word.html());
			//在answer中 div添加一个属性存放li的id属性
			$(this).attr("data-li-id",word.attr("id"));
			//隐藏word
			word.css("visibility","hidden");
			return false;
		}
	});
	//判断正确答案
	isCorrectAnswer();
}

//点击答案输入框的事件
function getAnswer(obj) {
	//去除动画效果
	$(obj).removeClass("blink");
	var answer = $(obj);
	answer.html("");
	//遍历答案输入框中的数据
	$(".word").each(function(index,element){
		if($(this).attr("id") == answer.attr("data-li-id")) {
			//显示word
			$(this).css("visibility","visible");
		}
	});
}


//校验答案是否正确
function isCorrectAnswer() {
	//var answers = "";
	var answers = $(".inputanswer").text().replaceWhiteSpace();
	if(answers == $("#imageshow").attr("rel")) {
		//移除定时器
		 window.clearTimeout(t);
		//下一关的popup显示
		$("#nextPopup").popup("open");
	}else {
		//添加动画效果
		$(".answer").addClass("blink");
	}
}